<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>新头部</title>
    <link rel="stylesheet" href="../plugins/element-ui_2.14.1.css">
    <link rel="stylesheet" href="../assests/base.css">
    <!--<link rel="stylesheet" href="../../assests/headerall.css">-->
    <link rel="stylesheet" href="../assests/footbx.css">
    <link rel="stylesheet" href="../assests/headerall.css">
    <script src="../plugins/vue_2.5.2.js"></script>
    <script src="../plugins/element-ui_2.14.1.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/3.4.2/css/swiper.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/3.4.2/js/swiper.jquery.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <style>

    </style>
</head>
<body>
<div id="pc">
    <div id="home-content">
        <!--头部-->
        <div id="hedaerall">
            <div class="header-top">
                <div class="header-top-content">
                    <div class="headr-top-left">
                        <span class="heder-top-login" >hi，欢迎来到保险中介平台，<a href="javascript:;" style="color: #ffffff">请登录</a></span>
                        <span class="header-top-jiange">|</span>
                        <span class="hader-top-register"><a href="javascript:;" style="color: #FDEC8F">免费注册</a></span>
                        <span class="header-top-tel">
            <img src="../images/header-tel@2x.png" alt="电话">
            <span>客服热线：010-65889635</span></span>
                    </div>
                    <ul class="headr-top-right">
                        <li class="top-right-item-li"><span>帮助中心</span><span class="header-jiange">|</span></li>
                        <li class="top-right-item-li"><span>保险攻略</span><span class="header-jiange">|</span></li>
                        <li class="top-right-item-li" style="position: relative">
                            <span id="webHttp">网址导航 <span class="header-jiange">|</span></span>
                            <ul class="website-nav" id="website-nav-box">
                                <li class="website-nav-item-li"><a href="" >首页的</a></li>
                                <li class="website-nav-item-li"><a href="" >首页多发</a></li>
                            </ul>
                        </li>
                        <li class="header-top-love top-right-item-li">
                            <img src="../images/header-icon-heart-full@2x.png" alt="收藏">
                            <span>收藏本站</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="heder-bottom">
                <div class="header-bottom-content">
                    <div class="hader-bottom-logo">
                        <a href="javascript:;" class="logo-img-a">阳光三泰</a>
                    </div>
                    <div class="hader-bottom-nav">
                        <ul class="heder-large-menu" id="largeMenu">
                            <li class="heder-large-menu-item "><a href="javascript:;" class="menu-a-link heder-large-menu-active">首页</a></li>
                            <li class="heder-large-menu-item"><a href="javascript:;" class="menu-a-link">产品中心</a></li>
                            <li class="heder-large-menu-item"><a href="javascript:;" class="menu-a-link">保险公司</a></li>
                            <li class="heder-large-menu-item " >
                                <a href="" class="menu-a-link">服务中心</a>
                                <i class="icon-down"></i>
                                <ul class="header-smal-menu" >
                                    <li class="smal-item-menu"><a href="javascript:;" class="smal-item-link">保单查询</a></li>
                                    <li class="smal-item-menu"><a href="javascript:;" class="smal-item-link">投保问题</a></li>
                                    <li class="smal-item-menu"><a href="javascript:;" class="smal-item-link">问题反馈</a></li>
                                </ul>
                            </li>
                            <li class="heder-large-menu-item">
                                <a href="" class="menu-a-link">个人中心</a>
                                <i class="icon-down"></i>
                                <ul class="header-smal-menu" >
                                    <li class="smal-item-menu"><a href="javascript:;" class="smal-item-link">我的订单</a></li>
                                    <li class="smal-item-menu"><a href="javascript:;" class="smal-item-link">消息中心</a></li>
                                    <li class="smal-item-menu"><a href="javascript:;" class="smal-item-link">修改密码</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="hader-bottom-search">
                        <div class="header-search-content">
                            <input type="text" placeholder="请输入您想查询的保险产品" class="header-search-text">
                        </div>
                        <span class="header-search-button" @click="goToUrl('搜索')">搜索</span>

                    </div>
                </div>
            </div>
        </div>

    </div>


</div>

<script type="text/javascript" src="./header.js"></script>
<script>
$(document).ready(function(){
$("#largeMenu>li").hover(function(){
if($(this).find('.header-smal-menu')){
$(this).find('.header-smal-menu').slideDown(300)
}
},function(){
if($(this).find('.header-smal-menu')){
$(this).find('.header-smal-menu').slideUp(300)
}
})
$("#webHttp").hover(function(){
if($(this).find('.header-smal-menu')){
$('#website-nav-box').slideDown(300)
}
},function(){
if($(this).find('.header-smal-menu')){
$('#website-nav-box').slideUp(300)
}
})

})
</script>
</body>
</html>